<style>
.ainuo_f_top{ height:190px;overflow: initial; position:relative;}
.ainuo_f_top .banner-pic {position: relative;left: 0;top: 0;width: 100%;height: 100%; overflow:hidden;}
.ainuo_f_top .banner-pic:after {display: block;position: absolute;content: '';width: 100%;height: 100%;background: rgba(0,0,0,.6);left: 0;top: 0;}
.ainuo_f_top .banner-pic .aimg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: center no-repeat #5a5a5a;background-size: cover;}
.ainuo_f_top .banner-info{position: absolute;top: 75px;color: #fff;text-align:center;width: 100%;}
.ainuo_f_top .ficn{ position:absolute; right:10px; top:84px;}
.ainuo_f_top .ficn img{ width:70px; height:70px;box-shadow: 0 0 3px 1px rgba(0,0,0,.25);border: 2px solid #fff;}
.ainuo_f_top .banner-info h2{font-size:18px; font-weight:400;}
.ainuo_f_top .info {margin-bottom: 6px;height: 20px;line-height: 20px;overflow: hidden;color: #e2e2e2;font-size: 12px;clear: both;display: block;}
.ainuo_f_top .rule{ padding:0 30px;margin-bottom: 4px;height: 16px;line-height: 18px;overflow: hidden; font-weight:100; color:#eee;}
.ainuo_f_top .guanzhu{ position:absolute; top:10px; right:10px; text-align:center;}
.ainuo_f_top .guanzhu a{font-size: 12px;color: #fff;background: #36B70A;border-radius: 2px;display: inline-block; height:26px; line-height:26px;width:60px;position: relative;}
.ainuo_f_top .guanzhu a.fxt{ background:#d43d3d; margin-left:5px;}
.ainuo_f_top .banner-title{ position:absolute; width:100%; height:50px; line-height:50px; color:#fff; top:0; text-align:center;}
.ainuo_f_top .banner-title a{ display:inline-block; width:40px; line-height:50px; height:50px; font-size:20px; position:absolute;}
.ainuo_f_top .banner-title a i{font-size:16px; color:#fff;}
.ainuo_f_top .banner-title span{ font-size:16px; color:#fff; font-weight:700;}
.ainuo_f_top .banner-title a.z{ left:0;}
.ainuo_f_top .banner-title a.y{ right:0;}
.ainuo_type .aleft{ font-size:14px;}
.ainuo_type .aleft a.current{ color:#3b5384; border-bottom:1px solid #3b5384;}
.ainuo_piclist{}
.ainuo_piclist li{ background:#fff; position:relative; padding-left:60px; border-bottom:1px solid #eee; padding-bottom:15px;}
.ainuo_piclist li a{ display:block;}
.ainuo_piclist li a.lione{ padding:12px 10px 0 10px;}
.ainuo_piclist li a.litwo{ padding:0 10px 12px 10px;}
.ainuo_piclist li .author{ height:30px; line-height:30px; font-size:12px; color:#999;}
.ainuo_piclist li .author .aleft{ float:left;}
.ainuo_piclist li .ava{ position:absolute; left:10px; top:15px;}
.ainuo_piclist li .ava img{ width:50px; height:50px; border-radius:50%;}
.ainuo_piclist li .author .aleft .t{ color:#3b5384; font-size:14px;}
.ainuo_piclist li .author .aright{ float:right;}
.ainuo_piclist li .author .aright .abadge{color: white;background-color: #fe7c51;font-size:12px;padding: 2px 5px; border-radius:2px; margin-top:5px;}
.ainuo_piclist li .author .aright .leixing{background-color:#A8C500;}
.ainuo_piclist li .asub{ display:flex; position:relative;}
.ainuo_piclist li .asub .atitle{ font-size:16px; line-height:1.5;-webkit-flex-shrink: 1;-ms-flex: 0 1 auto;-webkit-flex-shrink: 1;flex-shrink: 1;position: relative;width: 100%;}
.ainuo_piclist li .apic1{-webkit-flex-shrink: 0;flex-shrink: 0; margin-top:5px;}
.ainuo_piclist li .apic1 img{ max-width:80%; height:auto;}
.ainuo_piclist li .apic2{ margin-top:5px;}
.ainuo_piclist li .apic2 .apic{ width:49.5%; margin-left:1%; float:left;}
.ainuo_piclist li .apic2 img{width: 100%;height: auto;}
.ainuo_piclist li .apic2 .apic:first-child {margin-left: 0;}
.ainuo_piclist li .apic3{ margin-top:5px;}
.ainuo_piclist li .apic3 .apic{ width:32.666%; margin-left:1%; float:left;}
.ainuo_piclist li .apic3 img{width: 100%;height: auto;}
.ainuo_piclist li .apic3 .apic:first-child {margin-left: 0;}
.ainuo_piclist li .afenlei{  padding:0 10px; height:30px;}
.ainuo_piclist li .afenlei em{font-size:0;}
.ainuo_piclist li .afenlei em a{font-size: 12px;display: inline;background: #eee;padding: 3px 10px;border-radius: 20px;color: #666;}
.ainuo_piclist li .abot{ margin:0 10px;  font-size:12px; height:30px; line-height:30px;}
.ainuo_piclist li .abot .al{ color:#999; float:left;}
.ainuo_piclist li .abot .al span{ margin-right:25px;}
.ainuo_piclist li .abot .ar{ }
.ainuo_piclist li .abot .ar a{ display:inline; float:right; margin-left:25px; color:#3b5384;}
.ainuo_piclist li .abot .ar .rp i{ position:relative; top:1px;}
.ainuo_piclist li .abot .ar .yidianzan{ color:#3b5384;}
.ainuo_piclist li .abot .ar i{ font-size:18px;}
.ainuo_piclist li .henzan{ font-size:12px; padding-bottom:4px;padding-top:5px; border-bottom:1px solid #e2e2e2; position:relative; overflow:hidden; max-height:38px;}
.ainuo_piclist li .henzan i{ color:#3b5384; float:left; margin-right:5px;}
.ainuo_piclist li .henzan a{ float:left;margin-left:2px;}
.ainuo_piclist li .henzan a img{ border-radius:50%; width:26px; height:26px; border:2px solid #fff; margin:0 0 5px; }
.ainuo_piclist li .moezan span{ line-height:28px; font-size:12px; color:#777;}
.ainuo_piclist li .zxhuifu{ padding:6px 0 0 0;}
.ainuo_piclist li .zxhuifu p{ font-size:14px; margin-bottom:5px; color:#666;}
.ainuo_piclist li .zxhuifu p a{ float:left;color:#285c9d;}
.ainuo_piclist li .lookmore a{color:#285c9d; font-size:14px;}
.ainuo_piclist li .woysyj{ padding:10px; padding-top:0;}
.ainuo_piclist li .woysyj a{ display:block; border:1px solid #ddd; color:#999; height:38px; line-height:38px; font-size:14px; text-indent:10px;}

.ainuo_piclist .mod-lv {display: inline-block;height: 16px;-webkit-border-radius: 10px;background: #ffc11b;color: #fff;text-align: center;margin: 0 3px;vertical-align: middle;white-space: nowrap;padding: 0 4px;font-size: 0;position:relative;top:-1px;}
.ainuo_piclist .mod-lv .mod-lv-icon {line-height: 16px;width: 16px;height: 16px;margin-left: -4px;margin-right: 2px;border: 1px solid rgba(255,181,36,.8);color: #ed850a;background: #ffe970;-webkit-border-radius: 100%;display: inline-block;vertical-align: top;position: relative;font-size: 11px;}
.ainuo_piclist .mod-lv .mod-lv-icon i {position: absolute;width: 100%;height: 100%;left: 0;top: 0;font-size:12px;}
.ainuo_piclist .mod-lv span:not(.mod-lv-icon) {font-size: 11px;line-height: 17px;display: inline-block;vertical-align: top;position: relative;}
.ainuo_f_post{ background:rgba(40,127,175,.85);}
.zanboy{ background:#f1f1f1; padding:5px; margin:9px 10px 0 10px; position:relative;}
.zanboy .jiao:after{
  content: '';
  position: absolute;
  height: 0px;
  width: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f1f1f1;
  top:-8px;
}
</style>


<div class="ainuo_f_top cl">
	<div class="banner-pic"> 
    	<!--{if $_G[forum][banner]}-->
    		<div class="aimg" style="background-image:url($_G[forum][banner])"></div>
    	<!--{elseif $_G['forum'][icon]}-->
			<div class="aimg" style="background-image:url(data/attachment/common/$_G['forum'][icon])"></div>
        <!--{else}-->
        	<div class="aimg" style="background-image:url(template/qu_app/touch/style/css/0.png)"></div>
        <!--{/if}-->
	</div>
    <div class="banner-title">
        <a href="javascript:;" onclick="history.go(-1)" class="z"><i class="iconfont icon-back_light"></i></a>	
        <a href="javascript:;" id="show-actions" class="alistpost y" style="font-size:14px; color:#fff;">$alang_postnew1</a>
    </div>

    <div class="banner-info">
    	<div class="ficn z">
            <!--{if $_G['forum'][icon]}-->
                <img src="data/attachment/common/$_G['forum'][icon]">
            <!--{else}-->
                <img src="template/qu_app/touch/style/css/0.png">
            <!--{/if}-->
        </div>
    	<h2><!--{eval echo strip_tags($_G['forum']['name']) ? strip_tags($_G['forum']['name']) : $_G['forum']['name'];}-->
        <span class="info cl">
            {lang index_today}: $_G[forum][todayposts]
            &nbsp;/&nbsp; 
            {lang index_threads}: $_G[forum][threads]
        </span>
        </h2>
        
    </div>
</div>

<!--{hook/forumdisplay_top_mobile}-->
<!--{if $quicksearchlist && !$_GET['archiveid']}-->
	<!--{subtemplate forum/search_sortoption}-->
<!--{else}-->
	<!--{subtemplate forum/type_py}-->
<!--{/if}-->

<!--{if empty($_G['forum']['sortmode'])}-->
    
    <!--{if $_G['forum_threadcount']}-->
    <!--{eval require_once(DISCUZ_ROOT."./source/function/function_post.php");}-->
    <div class="ainuo_piclist cl">
        <ul id="ainuoloadmore" class="ainuoloadmore">
			<!--{subtemplate html/qqzone_list}-->
        </ul>
    </div>
    <!--{else}-->
    <div class="ainuoemp">{lang forum_nothreads}</div>
    <!--{/if}-->

<!--{else}-->
    <!--{subtemplate forum/forumdisplay_sort}-->
<!--{/if}-->
{if $pagestyle == 1}
<div id="ainuoloadempty"></div>
<!--{if $_G[forum][threads] && ($_G[forum][threads] > $_G[tpp])}-->
<div id="loading" class="loading G-animate-load-wrap">
	<div class="load-loading"><span class="loading02"></span> <span class="load-word">$alang_loading</span></div>
</div>
<!--{/if}-->
{else}
$multipage
{/if}


<script type="text/javascript">
	function zanbuzan(val,clsa,aid){
		<!--{if !$_G[uid]}-->
			<!--{if $Appbyme && $_G['cache']['plugin']['qu_app']['app_login']}-->
				sq.login(function(userInfo){});
				return false;
			<!--{else}-->
				popup.open('{lang nologin_tip}', 'confirm', 'member.php?mod=logging&action=login');
				return false;
			<!--{/if}-->
		<!--{/if}-->
		$('body').append('<div class="ainuooverlay"><div class="loadings_icon"><i class="toast-loading toast-icon_toast"></i></div></div>');
		$.ajax({
			type:'GET',
			url:'forum.php?mod=misc&action=recommend&do=add&tid='+aid+'&hash={FORMHASH}&inajax=1',
			dataType:'xml',
		})
		.success(function(s) {
			if(s.lastChild.firstChild.nodeValue.indexOf("$alang_yipingjia") >= 0){
				$('.ainuooverlay').remove();
				showMessage('$alang_dianzanguo');
			}else if(s.lastChild.firstChild.nodeValue.indexOf("$alang_zanjiayi") >= 0){
				if(document.getElementById(clsa)){
					setTimeout(document.getElementById(clsa).innerHTML = '$alang_wohe');
				}
				$("#dianzan_" + aid).addClass('yidianzan');
				$("#i_" + aid).addClass('icon-appreciate_fill_light');
				$('.ainuooverlay').remove();
				showMessage('$alang_zanjiayi2');
			}
		})
		.error(function() {
			window.location.href = obj.attr('href');
			$('.ainuooverlay').remove();
		});
		return false;
	};
</script>